<template>
  <div id="app">
    <login @root="getroot" v-if="root==-1" ></login>
    <iAside v-if="root!=-1" :menu_root="root" @allApplication="getapp"></iAside>
  </div>
</template>

<script>
  import Aside from '@/components/Aside/Aside';
  import login from "./components/login";

  export default {
    name: 'App',
    data() {
      return {
        application: [],
        root: -1
      }
    },
    components: {
      iAside: Aside,
      login: login
    },
    methods: {
      getapp(allApplication){
        this.application=allApplication;
      },
      getroot(root){
        this.root=root
      }
    }
  }
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }
  /*.business_logo {*/
    /*width: 60%;*/
  /*}*/
  /*.personal_position {*/
    /*text-align: center;*/
  /*}*/
  /*.personal_logo {*/
    /*width: 30%;*/
    /*height: 30%;*/
  /*}*/
  /*.personal_name {*/
    /*text-align: center;*/
    /*font-size: 16px;*/
  /*}*/

</style>
